body {
  background-color: #eee;
  font-family: sans-serif;
  margin: 0;
}

.container {
  background-color: #fff;
  border: solid 1px #ccc;
  margin: 2em;
  padding: 1em;
  width: 500px;
}
.container .text-filter {
  border: solid 1px #ccc;
  box-sizing: border-box;
  font: inherit;
  margin-bottom: .5em;
  padding: .25em .5em;
  width: 100%;
}
.container ul {
  border: solid 1px #ccc;
  list-style: none;
  margin: 0;
  overflow: auto;
  padding: 0;
}
.container ul li {
  padding: .25em .5em;
}
.container ul li:nth-child(odd) {
  background-color: #eee;
}
.container ul li span {
  display: inline-block;
  text-transform: uppercase;
  width: 10em;
}
.container .count-message {
  color: #999;
  text-align: right;
}

.blog {
  bottom: 1em;
  font-size: .75em;
  position: absolute;
  right: 1em;
}
